<template>
	<div id="app">
	<h3>	<img src="../static/img/logos.png"/>
	添加留言
	</h3>
	<div class="info">
      <form action="" method="">
      	标题：
      	<input type="text" name="title" id="title" value="" v-model="title"/>{{title}}</br></br>
      	内容：
      	<textarea name="content" rows="" cols="" v-model="content"></textarea>{{content}}</br></br>
      	<button @click.prevent="post">提交</button>
      </form>
	</div>
	</div>
</template>
<script>
	export default{
		name:'clubinfo',
		data(){
			return{
				title:'',
				content:'',				
			}
		},
	methods:{
	  post:function(){
	this.$axios.post('http://jsonplaceholder.typicode.com/posts/',
    {
        title:this.title,
        content:this.content
}).then(function(data){
	console.log(data)
});
		}
	}
}
</script>
<style>
	li{
		font-size: 16px;
		border-bottom: dashed 1px gray;
		margin-bottom: 10px;
	}
	.info{
		width:50%;
	    margin-left:5%;
		border: solid 1px royalblue;
		padding: 20px;
	}
</style>